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Teknik Dasar Resize Image, Warna Sephia dan Menghilangkan Background 

Posted by Sigit eko in Belajar Photoshop , Photoshop Dasar on 03 10th, 2009 I 35 responses 

Setelah saya posting banyak banget.. ternyata banyak yang kirim email yang isinya pada nanya gimana cara resize image, 
gimana buat warna sephia dll. waah.. ternyata saya ngelupain dasar-dasar photoshop nya.. maaf ya :D.. ya udah skarang saya 
coba posting dasar-dasar penggunaan photoshop.. mungkin ini akan berseri.. soalnya banyak banget.. dikit-dikit aja yaa. 

Resize Image 

Resize image bisa digunakan buat membesarkan atau mengecilkan image. Untuk mengubah image dari besar ke kecil 
tentunya gak ada masalah di hasilnya nanti.. karena kualitas dari image besar lebih bagus.. nah kalo kebalikannya? pasti lah 
bermasalah.. soalnya image bisa dipastikan berkualitas jelek.. kecuali image yang memiliki resolusi besar. Gimana kalo kita 
memiliki image kecil (resolusi 72 px) trus diganti menjadi 300 px? image yang dihasilkan membesar tapi kualitas nya gak 
bagus. Saya pernah pake software buat membesarkan image tanpa pecah.. tapi lupa namanya.. hehehe.. nanti kalo udah 
nemu pasti diposting deh. 

Sekarang.. gimana cara nya resize image? . . . 

Misalkan kita punya gambar besar ukuran 1000 pixel x 1000 pixel ke atas, dengan resolusi 300 px. 




Klik Zoom tool atau tekan tombol Z. Klik kanan di area gambar pilih actual pixel. 
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Hasilnya seperti ini : 




Klik Image > image size , terlihat ukuran file asli : 
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Image Size 



Pixel Dimensions: 4,83M 



Width: BB3 



pixels 



Height: 1500 



pixels 



OK 



Cancel 



Auto.. 



Document Size: 



Width: 9,53 



cm 



Height: 12,7 



cm 



]' 



Resolution: 300 



pixels/inch 



H Scale Styles 

H Constrain Proportions 

O Resample Image: 

Bicubic (best for smooth gradients) 



Kita ubah menjadi 



Pixel Dimensions: 284,8K (was 4,83M) 
Width: 270 




EZl Scale Styles 
[3 Constrain Proportions 
[?] Resample Image: 

Bicubic (best for smooth gradients) 



kalo kita ubah resolusi nya otomatis weight dan height nya berubah juga.. karena Resample Image nya di contreng. Nanti 
otak atik sendiri aja ya.. 

72 pixel itu resolusi standard website, jadi kalo lebih dari 72 px biasanya lambat banget di akses nya. 
hasilnya : 
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Ini hasil resize image. Save ke JPG., ukuran file nya juga pasti menyusut. 

Membuat Warna Sephia 

Lanjutin dengan gambar yang tadi ya.. 

Untuk membuat warna sephia, cukup menggunakan Hue/Saturation .. 
Klik Image > Adjustment > hue/saturation 



Hue/Saturation 



1 ~X ~ 1 



Edit: Master 



Hue: 



36 



Satu ration T 



- 0 

Lightness: 



-a 



OK 



Cancel 



[ Load- 



Save. 



/ df s 



i 



lorize 
Preview 



Hasilnya : 
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Coba otak-atik lagi dengan menggeser slider nya .. Selamat mencoba.. 
Menghilangkan Background 

Seleksi objek gambar menggunakan polyonal lasso tool . Untuk gambar ini digunakan seleksi manual, soalnya warna 
background dan gambar nyaris sama. Bagian ini dibutuhkan kesabaran.. hehehe.. jadi selain buat design, photoshop bisa 
digunakan buat latihan sabar.. (halah lebay) hehehe.. 

nah Kalo misal pas proses seleksi ada yang salah.. jangan diulang semua.. Tekan aja tombo l Backspace . 




karena background sama objek [ 
gambar memiliki warna hampir I 

sama.. jadi gak bisa auto. 
Seleksi pelan-pelan dengan 

penuh kesabaran. .(halah).. 



setelah selesai semua.. sekarang seleksi bagian rongga mata, hidung dan mulut si tengkorak. Tekan Tombol ALT untuk 
menambah seleksi di bagian dalam hasil seleksi tadi. Kalau kita tekan tombol ALT maka akan muncul tanda minus (-) di 
samping cursor. Ini juga membutuhkan kesabaran.. kalo perlu pake zoom tool untuk memperbesar bagian yang akan 
diseleksi. 
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Ps Adobe Photoshop CS3 



File Edit Image Layer Select Filter View Window Help 



" -J Feather: 0 px [V] Anti-alias [ Refine Edg^T, 




Tambahan : untuk menyeleksi bagian luar tengkorak tekan tombol SHIFT. 



hasil seleksi : 




Karena yang mau dihapus adalah background nya..Kita harus seleksi bagian background nya dengan Inverse selection, klik 
Select > inverse 

Supaya halus hasil nya gunakan Feather., klik Select > feather ( untuk Photoshop CS2 ke bawah ) atau Select>modify> 
feather ( untuk photoshop CS3 ke atas) 
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[ OK ) 

Feather Radius: 3 ~ pixels 

[ Cancel 1 



Sekarang Duplikat Background layer dengan DRAG ( geser sambil menekan tombol mouse kiri) ke AddNew Layer.. Muncul 
layer Background COPY. 







| Layers x | Channels | Paths | 




Normal -w Opadty: 100% I ► | 




Lock: □ * Hh|l00%|>| 






9 |pj Background v Q 




Drag background ke\^ 
Tombol add New Layer \ 

\ 











Sekarang Hapus Layer background dengan men DRAG ( ( geser sambil menekan tombol mouse kiri) Ke tombol Delete 
Layer ( gambar tong sampah) 







| Layers x | Channels | Paths | 








- "i •Tl Opacity: | 100% | 




Lock: U J"h % F*| 100% ► | 




* E = - t: ; r:Lr - : copy 












Drag Layer Background^ Icon 
Delete Layer untuk mengrhLous 
background 


- 




*S> fx. Oj fj. _i aJ 9 







sekarang tinggal layer Background Copy 
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. — X 

I Layers x | Channels | Paths _/7= 
Normal ▼ Optrity: |~1QQ% | > \ 



lock: □ «f fl FJi j 100% | >" | 





Background copy 
















Yang tersisa tinggal layer 
background copy. 
Tekan Delete .. untuk menghilangkan 
background . - 













Tekan Delete untuk menghapus seleksi Background tadi.. 



Hasilnya : 




Tekan CTRL + D untuk menghilangkan Seleksi.. 

Setelah itu Save File dengan format : PNG atau GIF., gambar PNG tadi siap dimasukan ke MS Word atau editan gambar 
lain.. 

Selamat Mencoba.. 

35 Responses to "Teknik Dasar Resize Image, Warna Sephia dan Menghilangkan Background" 

1. suryojals says: 

March 10, 2009 at 6:24 am 

thanks tutorial nya 9 

2. aminsarifudin says: 
March 10, 2009 at 11:23 am 

salam kenal ya mas, sebenarnya saya udah lama ngikutin website ini tapi baru sekarang ak kasih komen(he he he), 
pokoknya trims yang amat sangat sekali, karena lewat web ini ak jd tertarik lagi otak-atik photoshop, moga2 Tuhan 
memberikan kesehatan kpd Mas Sigit sekeluarga, Oh ya mas postingannya perbanyak lg yah biar nambah ilmuku 

3. rizky says: 

March 11, 2009 at 1:26 am 

mas, ajarin donk cara buat bayangan 3D. misalnya ada sebuah kubus diletakkan d atas kaca. nah, saya pengen tw 
gimana cara buat bayangannya. . . . makasi mas. . . 
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4. rizky says: 

March 12, 2009 at 6:13 am 

mas, knp haras png dan gif ?? knp tidak jpg/jpeg? 

5. Sigit eko says: 

March 12, 2009 at 8:42 am 

rizky : kalo png atau gif bisa transparent., kalo jpg gakbisa.. 

6. ajid says: 

March 12, 2009 at 2:42 pm 

halo. . . aku sering buka tutorial ini, makasih atas tips2nya tapi aku mau tau cara menghapus backround poto yang ada 
helai rambut. ... ok terima kasih 

7. AGUS says: 

March 12, 2009 at 2:51pm 

mas, trims tutorialnya oke banget. 

8. indra says: 

March 13, 2009 at 3:16 am 

wah wah enak nih bisa buat belajar sama ngajarin 

9. Waone says: 

March 13, 2009 at 5:54 am 

mas g ad tutorialnya makek brush ta? 7 ^ 
thx.... 

10. Nadya says: 

March 13, 2009 at 11:30 am 

wah thank you banget.. 

11. yayat says: 

March 14, 2009 at 9:50 am 

sereum bgt seh gambarnya 

12. pRet says: 

March 15, 2009 at 5:03 am 

maS„ kloW caRa ngllaNGin warna sephia Gmna ??? 
caRany tloNg di kiRim k e-mail doNk. . . . 
triMz. . . 

13. alita says: 

March 15, 2009 at 9:38 am 

wiiieeeww! 
bs gtuu ya?? 

14. Mr.GOS says: 

March 17, 2009 at 3:04 am 

wah keren banget nih blog. . . tutorialnya banyak banget. 
thanks dh ngajarin photoshop nih. 

15. ratna says: 

March 18, 2009 at 2:09 am 

mas kalo untuk nerangin gambar foto yg gelap tu gimana? 
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trus jadiinnya putih mulus tuh gimana? karena kadang2 kalo ngambil gbr dai kmera hape suka ada bintik2 gak jelas 
gitu.. 

to long ajarin tekniknya dunk.. 

16. Did ! says: 

March 19, 2009 at 8:58 am 

wah keren banget neh tutornya.. jd belajar banyak makasih yaaa. ... 

17. panggih says: 

March 19, 2009 at 4:01pm 

mas, . ,. 

berarti klu mw ngedit foto harus diatas 300 px donkz ? 
hhe* 

mup mas, . „. 
masii awam 

18. ces says: 

March 20, 2009 at 1 1 :29 am 

trims 

bisa ajari cara menukar baground pas poto gak mas,, 
butuh banget ni 

19. zaifrinal says: 

March 23, 2009 at 5:48 pm 

mas pintar banget aku salut deh bisa tujukin cara mempercepat kinerja photoshop trims 

20. gareng says: 

March 25, 2009 at 3:00 am 

mas aku mo dunk bagi ilmunya,.. 

aku pengen belajar bikin text dengan menjadikannya berwarna emas, 

bagi ilmunya dunk,.. 

maturnuwun,.. 

21. Ekoy 77 says: 

March 31, 2009 at 1:15 pm 

Om ada ngak software yang bisa ngecrop dengan mudah namanya mask atau apa saya lupa yang penting pas crop 
rambut itu bisa "Smooth" dan ngak ada bercak thanks ya om 

22. 486com says: 

April 2, 2009 at 3:58 am 

matur suwun mas. . ..maknyus pemirsa 

23. AREE says: 

April 4, 2009 at 7:28 am 

Salam... Mas... saya dari Malaysia dan saya sangat tertarik belajar cara cara menggunakan photoshop.... segala ilmu 
yang anda berikan amat memuaskan dan saya sering ikutinya sebagai panduan untuk saya edit pelbagai gambar. . . 

Terima kasih ..semoga Allah meredai anda. . .perbanyakkan lagi posting anda..tq 

24. Ade Ardiansyah says: 
April 4, 2009 at 1:39 pm 

Mas, terima kasih banyak nih ilmunya, saya baru mo coba belajar photoshop, bagusnya mulai dari mana yah . thanks 
be fore 

25. pajarmaning says: 
April 6, 2009 at 1:36 am 
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mantap boz 

26. effe setia says: 

April 7, 2009 at 8:19 am 

Mas tks tutoriabc ya 

27. ratih says: 

April 8, 2009 at 3:45 pm 

wah, akhirnya nemu cara buat ngilangin background, kemarin sempet otak atik, dah sampai ke step bikin background 
copy, ternyata ngilanginnya tinggal di delete backgroundlayernya toh. . . aku cuma tak ganti warna putih.. 
makasih ya mas. . . boleh di link? 

28. jibrut025 says: 

April 10, 2009 at 7:42 pm 

salam kenal mas. . . ., terima kasih atas ilmunya. . . 

sesuatu yang dinilai sedikit ternyata mempunyai manfaat yang sangat besar. sumur yang sering ditimba akan smakin 
bening airnya Insya Allah. . . 

mas kupas cara buat kolase untuk foto pra wedding (gabung2 in foto + frame & efek fotonya dalam satu halaman. . ..) 

29. dedty says: 

April 11, 2009 at 11:25 am 

aduh, mas .. 

makasih bgt ttg ilmu photoshopnya .. 

aku udah bisa tuh ngilangin backgroundnya,, 

tp kalo ud ilang gt„ kita bsa ubah back ground gk? 

jadi gk hanya diilangin,, tapi juga diubah backgroundnya .. 

gmn ya , mas?? 

tolong dibantu . . . 

terimaksih 

30. endi says: 

April 11, 2009 at 12:55 pm 

wahhh,,, 

mantep bgt ilmu nya„bermanfaat.. 
thx bgt„Nice inpo,,^ 

31. dr ah azah says: 

April 14, 2009 at 5:00 pm 

elmunya manjuuuur deh keren 
thx brt deh 

32. belajar photoshop says: 
April 20, 2009 at 2:09 pm 

Thanks banget artikelnya, sangat membantu. 

33. lanang says: 

April 20, 2009 at 2:48 pm 

salam kenal masss 

mau nanya neeh,gjmana ya caranya menghilangkan background dengan obyek yang banyak bulunya (tidak rata) 
supaya bisa detail empe yg kecil2 . . .misalnya gambar panda dengan backgroun hutan???susah bangett neeeh. . . 
aku cari2 dimana-mana ga ketemu tutorialnya. . . 
pliiiiizzz ya .... 
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regard.. 

34. belbelbel says: 

April 22, 2009 at 3:45 am 

wahwah makasih bnyak banget ya maas, saya selama ini penasaran, nyoba2, tapi gaktau caranya biar jadi sephiaa, 

35. bloggerkampungan says: 
April 25, 2009 at 6:36 am 

mantap-mantap dan mantap, . . . totalitas !!!,... salam kenal boss 
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